/* D'autres dans duo.css */
.esim-block{
    margin: 0.5rem 0;
    padding-top: 0.5rem;
    border: 0;
    border-top: 2px solid #ff8601;
}

/* div{
    border: #000 1px solid;
} */

.esim-block h3{
    margin-top: 0;
    margin-bottom: 0;
    text-align: center;
}
.esim-h2{
    margin: 0;
    /* margin-left: 0.5rem; */
}

.esim-block-1, .esim-block-2{
    margin: auto 0;
    padding: 0.5rem;
    border-radius: 0;
}
.esim-block-1, .esim-block-2{
    border-left: 4px solid #ff8601;
    border-right: 4px solid #ff8601;
}

.esim-hr{
    opacity: 1;
}

/* Les boutons */
.esim-bouton{
    display: grid;
    grid-template-columns: 1fr 1fr;
}
.esim-bouton div{
    margin: 0.5rem;
    font-size: small;
}

#esimPhones{
    z-index: 2000;
    text-align: left;
}

.esim-modal-phones{
    margin: 0.5rem;
    text-align: left;
    border-bottom: 1px solid black;
}
.esim-modal-phones h3{
    margin: 0;
    text-align: left;
    color: #ff8601;
	font-size: small;
}
.esim-modal-phones p{
    margin: 0;
    font-size: small;
}

.esim-deux-boutons{
    display: grid;
    grid-template-columns: 1fr 1fr;
}

/* boutons en bas */
.esim-block-grid-2{
    display: grid;
    grid-template-columns: 4fr 1fr;
    margin: 0;
}
.esim-block-grid-3{
    display: grid;
    grid-template-columns: 3fr 1fr 1fr;
    margin: 0;
}

.esim-block-grid-4{
    display: grid;
    grid-template-columns: 1fr 2fr 1fr 1fr;
    margin: 0;
}
/*  */

@media screen and (max-width: 450px){
    .esim-h2{
        margin: 0;
        /* margin-left: 1rem; */
    }
    .esim-block{
        display: flex;
        flex-direction: column;
        padding: 0.5rem;
    }
    .tom-accueil2 .sim{
        font-size: medium;
    }
    .tom-accueil2 a{
        font-size: small;
    }

    .esim-bouton{
        display: flex;
        flex-direction: column;
    }
    .esim-phones-modal{
        font-size: small;
    }
    #esimPhones{
        padding-top : 2rem;
    }
}